<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统</title>
    <!--  <link rel="StyleSheet" href="../css/mypetstore.css" type="text/css" media="screen"/>-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

    <base th:href="@{/}">
    <link rel="StyleSheet" href="css/common.css" type="text/css" media="screen"/>
</head>
<body >
<div class="background-layer">
<nav  class="sticky-nav">
<!--    <div class="logo">宠物商店管理系统</div>-->
<!--    <div class="title-block">-->
<!--        <div class="title">推荐标题</div>-->
<!--        <div class="triangle"></div>-->
<!--    </div>-->

    <div class="navbar">
        <a th:href="@{/main/main}">主页</a>
        <a th:href="@{/order/orderMain}">订单管理</a>
        <a th:href="@{/account/accountMain}">用户管理</a>
        <a th:href="@{/category/view}">商品管理</a>
    </div>
    <script src="js/top.js" type="text/javascript"></script>
</nav>
     <div class="content-container">

<!--  <div id="Header">-->
<!--    <div id="Logo">-->
<!--      <div id="LogoContent">-->
<!--        <a href="mainForm"><img src="../images/logo-topbar.gif"/></a>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div id="Menu">-->
<!--      <div id="MenuContent">-->
<!--        <a href="cartForm"> <img align="middle" name="img_cart" src="../images/cart.gif"/></a>-->
<!--        <img align="middle" src="../images/separator.gif"/>-->

<!--        <a href="signonForm" th:if="${loginAccount==null}">Sign In</a>-->
<!--        <img align="middle" src="../images/separator.gif" th:if="${loginAccount==null}"/>-->

<!--        <a href="signOut" th:if="${loginAccount!=null}">Sign Out</a>-->
<!--        <img align="middle" src="../images/separator.gif" th:if="${loginAccount!=null}"/>-->
<!--        <a href="editeAccountForm" th:if="${loginAccount!=null}">My Account</a>-->
<!--        <img align="middle" src="../images/separator.gif" th:if="${loginAccount!=null}"/>-->
<!--        <a href="help.html">?</a>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div id="Search">-->
<!--      <div id="SearchContent">-->
<!--        <form action="" method="post">-->
<!--          <input type="text" name=name="keyword" size="14" class="input-search" id="keyword"-->
<!--                 autocomplete="false"/>-->
<!--          <input type="submit" value="Search" class="button-search"/>-->
<!--        </form>-->
<!--        <div id="selectedId">-->
<!--          <ul id="drop"></ul>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div id="QuickLinks">-->
<!--      <br/> <br/> <br/> <br/><br/>-->
<!--      <a href="categoryForm?categoryId=FISH"><img src="../images/sm_fish.gif"/></a>&nbsp&nbsp&nbsp&nbsp-->
<!--      <img src="../images/separator.gif"/>&nbsp&nbsp&nbsp&nbsp-->
<!--      <a href="categoryForm?categoryId=DOGS"> <img src="../images/sm_dogs.gif"/></a>&nbsp&nbsp&nbsp&nbsp-->
<!--      <img src="../images/separator.gif"/>&nbsp&nbsp&nbsp&nbsp-->
<!--      <a href="categoryForm?categoryId=REPTILES"> <img src="../images/sm_reptiles.gif"/></a>&nbsp&nbsp&nbsp&nbsp-->
<!--      <img src="../images/separator.gif"/>&nbsp&nbsp&nbsp&nbsp-->
<!--      <a href="categoryForm?categoryId=CATS"> <img src="../images/sm_cats.gif"/></a>&nbsp&nbsp&nbsp&nbsp-->
<!--      <img src="../images/separator.gif"/>&nbsp&nbsp&nbsp&nbsp-->
<!--      <a href="categoryForm?categoryId=BIRDS"> <img src="../images/sm_birds.gif"/></a>&nbsp&nbsp&nbsp-->
<!--      <img src="../images/separator.gif"/><br/>-->
<!--    </div>-->
<!--  </div>-->
<!--</header>-->
